<script setup lang="ts">
let mp4 = '/video/1.mp4'
const options = ref({
  autoplay: "any",
  controls: true,
  controlsBar: true,
  poster: "", //播放前的URL图片预览
  preload: "auto", //预加载
  sources: [
    {
      // src: 'public/video/2.mp4',
      src: mp4,
      type: 'video/mp4'
    }
  ]
})
</script>

<template>
  <div>music</div>
  <div class="tab" flex w-40 justify-around>
    <span>{{ 'video' }}</span>
    <span>{{ 'music' }}</span>
  </div>
  <GVideo ref="videoPlayer" :options="options" :width="600" :height="300"/>
</template>
